// 自定义顶部导航

import { system } from "./getSystemInfo"
const componentBehavior = require('../../js/common/ComponentBehavior')

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 背景色
    backgroundColor: {
      type: String,
      value: ''
    },
    // 背景，如果设置此参数，会覆盖掉背景色
    background: {
      type: String,
      value: ''
    },
    // 样式 1：slot 会使用左侧及中部区域 2：slot 会使用中部区域 3：透明顶部
    barStyle: {
      type: String,
      value: 1
    },
    color: {
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    system: {},
    iconStyle: 'home'
  },

  lifetimes: {
    attached () {
      this.setData({
        system
      })
    }
  },

  pageLifetimes: {
    show () {
      let pages = getCurrentPages()
      let iconStyle = 'home'
      if (pages.length < 2) {
        iconStyle = 'home'
      } else {
        iconStyle = 'back'
      }
      this.setData({
        iconStyle
      })
    }
  },

  behaviors: [componentBehavior],
  /**
   * 组件的方法列表
   */
  methods: {
    tapIcon () {
      let iconStyle = this.data.iconStyle
      if (iconStyle == 'back') {
        wx.navigateBack()
      } else {
        wx.reLaunch({
          url: '/pages/index/index'
        })
      }
    },
    getNavigationHeight () {
      return system.navigationHeight + system.statusBarHeight
    }
  }
})
